<template>
  <div class="demo">
    <div>lvzc-ui</div>
    <lzc-split></lzc-split>
    <lzc-virtual-list></lzc-virtual-list>
    <el-button>element-ui</el-button>
    <div class="echarts-container" ref="container"></div>
  </div>
</template>
<script>
import * as echarts from "echarts";
import _ from "lodash";
export default {
  data() {
    return {};
  },
  mounted() {
    const str = _.join(["hello", "world", "use", "lodash"], " ");
    console.log(str);
    const now = this.$moment();
    console.log(now);
    this.init();
  },
  methods: {
    init() {
      // 基于准备好的dom，初始化echarts实例
      const myChart = echarts.init(this.$refs.container);
      // 绘制图表
      myChart.setOption({
        title: {
          text: "ECharts 入门示例",
        },
        tooltip: {},
        xAxis: {
          data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
        },
        yAxis: {},
        series: [
          {
            name: "销量",
            type: "bar",
            data: [5, 20, 36, 10, 10, 20],
          },
        ],
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.demo {
  div {
    border: 1px solid #000;
    margin: 10px 0;
  }
  .echarts-container {
    width: 500px;
    height: 500px;
    margin: 0;
  }
}
</style>
